import React, {Component} from 'react'

export default class LH extends Component {
  constructor (props){
   super(props)
   this.state= {
   }
}
  order(item){
    this.props.order(item)
  }

   render() {
    const {content,select} = this.props
    
   return <div className="peilv">
              {
                content.length>0 &&  <div className="wenzi">
                        {content.map((item,index)=>{
                          return <li key={index} onClick={()=>{
                                this.order(item)
                          }}
                          className={select[item.id] ? "selected" : ""}
                          >
                         <span className={"noball "+item.id}>{item.number +  ( index%3 ==0 ? item.id.substr(7,1) : (index+1)%3 ==0 ?  item.id.substr(14,1):"")}</span> 
                          <p className="red">{item.pl}</p></li>
                      
                        })}
                </div>
              }
        </div>
   }
}